<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0 "
    />
    <title>携程旅行</title>
    <link rel="stylesheet" href="./css/normalize.css" />
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <div class="search_index">
      <div class="search">搜索：目的地、酒店</div>
      <div class="user"><a href="#">我 的</a></div>
    </div>
    <div class="banner">
      <img src="./upload/focus.jpg" alt="" />
    </div>

    <ul class="nav">
      <li title="景点·玩乐">
        <div></div>
        <a href="#">景点·玩乐</a>
      </li>
      <li>
        <div></div>
        <a href="#">周边游</a>
      </li>
      <li>
        <div></div>
        <a href="#">美食林</a>
      </li>
      <li>
        <div></div>
        <a href="#">一日游</a>
      </li>
      <li>
        <div></div>
        <a href="#">当地攻略</a>
      </li>
    </ul>
    <div class="column">
      <div class="cloumn_one">
        <div class="cloumn_head">
          <a href="#">海外酒店</a>
        </div>

        <div class="cloumn_body">
          <a href="#">海外酒店</a>
          <a href="#">海外酒店</a>
        </div>
        <div class="cloumn_body">
          <a href="#">海外酒店</a>
          <a href="#">海外酒店</a>
        </div>
      </div>
      <div class="cloumn_one">
        <div class="cloumn_head">
          <a href="#"></a>
        </div>

        <div class="cloumn_body">
          <a href="#">海外酒店</a>
          <a href="#">海外酒店</a>
        </div>
        <div class="cloumn_body">
          <a href="#">海外酒店</a>
          <a href="#">海外酒店</a>
        </div>
      </div>
      <div class="cloumn_one">
        <div class="cloumn_head">
          <a href="#">海外酒店</a>
        </div>

        <div class="cloumn_body">
          <a href="#">海外酒店</a>
          <a href="#">海外酒店</a>
        </div>
        <div class="cloumn_body">
          <a href="#">海外酒店</a>
          <a href="#">海外酒店</a>
        </div>
      </div>
    </div>
    <ul class="subnav">
      <li>
        <div></div>
        <a href="#">电话卡</a>
      </li>
      <li>
        <div></div>
        <a href="#">电话卡</a>
      </li>
      <li>
        <div></div>
        <a href="#">电话卡</a>
      </li>
      <li>
        <div></div>
        <a href="#">电话卡</a>
      </li>
      <li>
        <div></div>
        <a href="#">电话卡</a>
      </li>
      <li>
        <div></div>
        <a href="#">电话卡</a>
      </li>
      <li>
        <div></div>
        <a href="#">电话卡</a>
      </li>
      <li>
        <div></div>
        <a href="#">电话卡</a>
      </li>
      <li>
        <div></div>
        <a href="#">电话卡</a>
      </li>
      <li>
        <div></div>
        <a href="#">电话卡</a>
      </li>
    </ul>
    <div class="hot">
      <div class="hot_hd">
        <a href="#"></a>
        <a href="#"></a>
      </div>
      <div class="hot_bd">
        <ul>
          <li>
            <a href="#">
              <img src="./upload/pic1.jpg" alt="" /></a>
          </li>
          <li><a href="#">
            <img src="./upload/pic2.jpg" alt="" /></a>
          </li>
        </ul>
        <ul>
          <li>
            <a href="#">
              <img src="./upload/pic3.jpg" alt="" /></a>
          </li>
          <li><a href="#">
            <img src="./upload/pic4.jpg" alt="" /></a>
          </li>
        </ul>
        <ul>
          <li>
            <a href="#">
              <img src="./upload/pic5.jpg" alt="" /></a>
          </li>
          <li><a href="#">
            <img src="./upload/pic6.jpg" alt="" /></a>
          </li>
        </ul>
      </div>
    </div>
    <div class="footer">
      <ul>
        <li></li>
        <li>电话预定</li>
      </ul>
      <ul>
        <li></li>
        <li>下载客户端</li>
      </ul>
      <ul>
        <li></li>
        <li>我的</li>
      </ul>
    </div>
  </body>
</html>
